<template>
  <div class="app-container">
    <el-card>
      <el-form
        ref="form"
        v-loading.fullscreen.lock="loading"
        :element-loading-text="loadingText"
        element-loading-spinner="el-icon-loading"
        element-loading-background="rgba(0, 0, 0, 0.8)"
        :model="form"
        label-width="80px"
        label-position="top"
        :rules="rules"
      >
        <el-form-item label="企业名称" prop="company_name">
          <el-input v-model.trim="form.company_name" placeholder="请输入" disabled />
        </el-form-item>
        <el-form-item label="企业详细地址" prop="address">
          <span style="color:grey"> 示例: 东莞市xx镇xx村xx路xx号 </span>
          <el-input v-model.trim="form.address" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="企业联系人" prop="people_name">
          <el-input v-model.trim="form.people_name" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="联系人电话" prop="telephone">
          <el-input v-model.trim="form.telephone" placeholder="请输入" />
        </el-form-item>

        <el-form-item label="自评表" prop="self_assessment_table">
          <span style="color:grey"> 附件5自评表盖章扫描件 </span>
          <el-upload
            ref="upload_self"
            :headers="headers"
            :data="{ dir: 'self_assessment'}"
            :multiple="false"
            :limit="self_upload_limit"
            :action="uploadUrl"
            :before-upload="beforeUpload"
            :on-exceed="handleExceed"
            :on-success="handleSuccess"
            :on-error="handleError"
            :on-progress="handleProgress"
            :on-remove="handleRemove"
            :file-list="selfAssessmentTable"
            :on-preview="onlineRead"
          >
            <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
          </el-upload>
        </el-form-item>

        <el-card style="margin-top:10px;">
          <div slot="header" class="clearfix">
            <span>指标一：符合项目选址及产业政策要求</span>
          </div>
          <el-form-item label="1.环境影响评价文件扫描件">
            <el-upload
              ref="category_1_1"
              :headers="headers"
              :data="{ dir: 'category_1'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_1', 'category_1_1') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_1', 'category_1_1') }"
              :file-list="fileList.category_1_f.category_1_1"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="2.批复文件扫描件">
            <el-upload
              ref="category_1_2"
              :headers="headers"
              :data="{ dir: 'category_1'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_1', 'category_1_2') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_1', 'category_1_2') }"
              :file-list="fileList.category_1_f.category_1_2"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="3.自主竣工验收、环保竣工验收文件扫描件">
            <el-upload
              ref="category_1_1"
              :headers="headers"
              :data="{ dir: 'category_1'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_1', 'category_1_3') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_1', 'category_1_3') }"
              :file-list="fileList.category_1_f.category_1_3"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
        </el-card>

        <el-card style="margin-top:10px;">
          <div slot="header" class="clearfix">
            <span>指标二：废水、废气、噪声达标排放</span>
          </div>
          <el-form-item label="1.排放口现场照片、采样口现场照片、采样平台照片">
            <el-upload
              ref="category_2_1"
              :headers="headers"
              :data="{ dir: 'category_2'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_2', 'category_2_1') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_2', 'category_2_1') }"
              :file-list="fileList.category_2_f.category_2_1"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="2.年度自行监测方案或监测计划" prop="category_2_2">
            <el-upload
              ref="category_2_2"
              :headers="headers"
              :data="{ dir: 'category_2'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_2', 'category_2_2') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_2', 'category_2_2') }"
              :file-list="fileList.category_2_f.category_2_2"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="3.废水、废气、噪声监测报告扫描件" prop="category_2_3">
            <el-upload
              ref="category_2_3"
              :headers="headers"
              :data="{ dir: 'category_2'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_2', 'category_2_3') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_2', 'category_2_3') }"
              :file-list="fileList.category_2_f.category_2_3"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="4、排污许许可管理企业提供监测数据“全国污染源监测信息管理与共享平台”发布联网照片(如有)" prop="category_2_4">
            <el-upload
              ref="category_2_4"
              :headers="headers"
              :data="{ dir: 'category_2'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_2', 'category_2_4') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_2', 'category_2_4') }"
              :file-list="fileList.category_2_f.category_2_4"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="5、2021年的信用评价等级为环保诚信企业（绿牌）（如有）" prop="category_2_5">
            <el-upload
              ref="category_2_5"
              :headers="headers"
              :data="{ dir: 'category_2'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_2', 'category_2_5') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_2', 'category_2_5') }"
              :file-list="fileList.category_2_f.category_2_5"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
        </el-card>

        <el-card style="margin-top:10px;">
          <div slot="header" class="clearfix">
            <span>指标三：无组织废气排放管控</span>
          </div>
          <el-form-item label="1.涉VOCs（化学原料和化学制品制造业；制药工业（医药制造业）；表面涂装行业；印刷行业（印刷和记录媒介复制业）；制鞋行业；人造板制造行业；电子元件制造业等行业企业提供整体密闭或废气集气罩收集、取消车间大风量风扇、含溶剂桶加盖、含溶剂废空桶加盖等相片）">
            <el-upload
              ref="category_3_1"
              :headers="headers"
              :data="{ dir: 'category_3'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_3', 'category_3_1') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_3', 'category_3_1') }"
              :file-list="fileList.category_3_f.category_3_1"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="2.产生无组织粉尘企业（提供废气集气罩收集等相片）">
            <el-upload
              ref="category_3_2"
              :headers="headers"
              :data="{ dir: 'category_3'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_3', 'category_3_2') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_3', 'category_3_2') }"
              :file-list="fileList.category_3_f.category_3_2"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="3.工艺废气企业（提供废气集气罩收集等相片）">
            <el-upload
              ref="category_3_3"
              :headers="headers"
              :data="{ dir: 'category_3'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_3', 'category_3_3') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_3', 'category_3_3') }"
              :file-list="fileList.category_3_f.category_3_3"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="4.废水曾因臭气扰民被投诉的企业（提供安装臭气收集管道及臭气治理设施等相片）">
            <el-upload
              ref="category_3_4"
              :headers="headers"
              :data="{ dir: 'category_3'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_3', 'category_3_4') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_3', 'category_3_4') }"
              :file-list="fileList.category_3_f.category_3_4"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
        </el-card>

        <el-card style="margin-top:10px;">
          <div slot="header" class="clearfix">
            <span>指标四：开展固体废物规范化管理</span>
          </div>
          <el-form-item label="1.固废仓门口和危废仓门口照片(包括存储场所、标识牌、管理制度)">
            <el-upload
              ref="category_4_1"
              :headers="headers"
              :data="{ dir: 'category_4'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_4', 'category_4_1') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_4', 'category_4_1') }"
              :file-list="fileList.category_4_f.category_4_1"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="2.固废、危废转移合同扫描件">
            <el-upload
              ref="category_4_2"
              :headers="headers"
              :data="{ dir: 'category_4'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_4', 'category_4_2') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_4', 'category_4_2') }"
              :file-list="fileList.category_4_f.category_4_2"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="3.固废、危废跨省备案资料扫描件（如有）">
            <el-upload
              ref="category_4_3"
              :headers="headers"
              :data="{ dir: 'category_4'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_4', 'category_4_3') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_4', 'category_4_3') }"
              :file-list="fileList.category_4_f.category_4_3"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="4.危废装载容器和包装物张贴标签相片、危废场所警示和危废标签相片、危废分类贮存相片">
            <el-upload
              ref="category_4_4"
              :headers="headers"
              :data="{ dir: 'category_4'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_4', 'category_4_4') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_4', 'category_4_4') }"
              :file-list="fileList.category_4_f.category_4_4"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="5.危废贮存场所相片、固废贮存场所相片、危废台帐相片、固废台帐相片">
            <el-upload
              ref="category_4_5"
              :headers="headers"
              :data="{ dir: 'category_4'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_4', 'category_4_5') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_4', 'category_4_5') }"
              :file-list="fileList.category_4_f.category_4_5"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="6.危废联单相片及“广东省固体废物管理信息平台”申报登记数据相片">
            <el-upload
              ref="category_4_6"
              :headers="headers"
              :data="{ dir: 'category_4'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_4', 'category_4_6') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_4', 'category_4_6') }"
              :file-list="fileList.category_4_f.category_4_6"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="7.工业危险废物产生单位规范化管理指标及抽查表">
            <el-upload
              ref="category_4_7"
              :headers="headers"
              :data="{ dir: 'category_4'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_4', 'category_4_7') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_4', 'category_4_7') }"
              :file-list="fileList.category_4_f.category_4_7"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
        </el-card>

        <el-card style="margin-top:10px;">
          <div slot="header" class="clearfix">
            <span>指标五：开展环境风险应急综合整治《关于进一步做好企业突发环境事件应急预案备案工作的通知》</span>
          </div>
          <el-form-item label="1.突发环境应急预案报告或报告封面及目录扫描件" prop="category_5_1">
            <el-upload
              ref="category_5_1"
              :headers="headers"
              :data="{ dir: 'category_5'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_5', 'category_5_1') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_5', 'category_5_1') }"
              :file-list="fileList.category_5_f.category_5_1"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="2.突发环境应急预案备案文件扫描件" prop="category_5_2">
            <el-upload
              ref="category_5_2"
              :headers="headers"
              :data="{ dir: 'category_5'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_5', 'category_5_2') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_5', 'category_5_2') }"
              :file-list="fileList.category_5_f.category_5_2"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
        </el-card>

        <el-card style="margin-top:10px;">
          <div slot="header" class="clearfix">
            <span>指标六：开展信息化管理建设</span>
          </div>
          <el-form-item label="1.废水限排企业、废水零排放企业在线监测设施安装合同扫描件" prop="category_6_1">
            <el-upload
              ref="category_6_1"
              :headers="headers"
              :data="{ dir: 'category_6'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_6', 'category_6_1') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_6', 'category_6_1') }"
              :file-list="fileList.category_6_f.category_6_1"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="2.废水限排企业、废水零排放企业在线监测设施验收证明扫描件" prop="category_6_2">
            <el-upload
              ref="category_6_2"
              :headers="headers"
              :data="{ dir: 'category_6'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_6', 'category_6_2') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_6', 'category_6_2') }"
              :file-list="fileList.category_6_f.category_6_2"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
        </el-card>

        <el-card style="margin-top:10px;">
          <div slot="header" class="clearfix">
            <span>指标七：达到环境管理综合要求</span>
          </div>
          <el-form-item label="1.排放口标志牌现场照片" prop="category_7">
            <el-upload
              ref="category_7_1"
              :headers="headers"
              :data="{ dir: 'category_7'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_7', 'category_7_1') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_7', 'category_7_1') }"
              :file-list="fileList.category_7_f.category_7_1"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="2.雨污分流接驳信息登记表、排水许可证扫描件" prop="category_7">
            <el-upload
              ref="category_7_2"
              :headers="headers"
              :data="{ dir: 'category_7'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_7', 'category_7_2') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_7', 'category_7_2') }"
              :file-list="fileList.category_7_f.category_7_2"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="3.排污许可证或排污登记表扫描件" prop="category_7">
            <el-upload
              ref="category_7_3"
              :headers="headers"
              :data="{ dir: 'category_7'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_7', 'category_7_3') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_7', 'category_7_3') }"
              :file-list="fileList.category_7_f.category_7_3"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
        </el-card>

        <el-card style="margin-top:10px;">
          <div slot="header" class="clearfix">
            <span>指标八：采用污染防治可行技术</span>
          </div>
          <el-form-item label="1.在技术审核中，不可行的企业，需开展污染防治技术提升整治的企业填报">
            <el-upload
              ref="category_8_1"
              :headers="headers"
              :data="{ dir: 'category_8'}"
              :multiple="false"
              :action="uploadUrl"
              :before-upload="beforeUpload"
              :on-exceed="handleExceed"
              :on-error="handleError"
              :on-progress="handleProgress"
              :on-success="(res) => { return handleSuccess1(res, 'category_8', 'category_8_1') }"
              :on-remove="(res) => { return handleRemove1(res, 'category_8', 'category_8_1') }"
              :file-list="fileList.category_8_f.category_8_1"
              :on-preview="onlineRead"
            >
              <el-button size="mini" type="primary">点击上传(30M以内)</el-button>
            </el-upload>
          </el-form-item>
        </el-card>

        <el-form-item style="margin-top:10px;">
          <el-button type="primary" @click="onSubmit">提交修改</el-button>
        </el-form-item>
      </el-form>

      <el-image-viewer
        v-if="previewImg"
        :on-close="closePreviewImage"
        :url-list="[imgUrl]"
        :z-index="9999"
      />

    </el-card>
  </div>
</template>

<script src="./index.js"></script>

<style>
.block {
  padding: 10px 0px;
}
.el-form--label-top .el-form-item__label {
  padding: 0;
}
</style>

<style scoped>
</style>
